﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$whoseone$的心情日记</title>
    <link href="/css/common.css" rel="stylesheet" type="text/css" /> 
    <link href="/css/account.css" rel="stylesheet" type="text/css" />
    <link href="/css/blog.css" rel="stylesheet" type="text/css" />
	<script src="/js/jquery.js" language="javascript" type="text/javascript"></script>
    <script src="/js/common.js" language="javascript" type="text/javascript"></script>
    <script src="/js/caretInsert.js" language="javascript" type="text/javascript"></script> 
    <script src="/JS/jyAjax.js" type="text/javascript"></script>
    <link href="/JS/MsgBox/moonbox.css" rel="stylesheet" type="text/css" />
    <script src="/JS/MsgBox/moonbox.js" type="text/javascript"></script>
    <!--[if lt IE 7]> 
    <script src="/js/png.js" language="javascript" type="text/javascript"></script>
    <![endif]-->
    <script language="javascript" type="text/javascript">
		var sela;
    	$(function(){
    	 $(".del").click(function(){
    	        $(this).parent("li").parent("ul").fadeOut("slow")
    	    }),
			$("#getFace").click(function(){
				var offset = $(this).offset();
				$(".face").css("left",offset.left);
				$(".face").css("top",offset.top);
				$(".face").fadeIn();
			}),
			$('.send textarea').keypress(function(){
				if($(this).val().length<=250){
					$('.send b').removeClass();
					$('.send b').text(250-$(this).val().length);
				}
				else{
					$('.send b').addClass("red");
				}
			}),
			$(".face a").click(function(){  
				$('.send textarea').setCaret();
        		$('.send textarea').insertAtCaret($(this).attr("tag"));
				if($('.send textarea').val().length<=250){
					$('.send b').removeClass();
					$('.send b').text(250-$('.send textarea').val().length);
				}
				else{
					$('.send b').addClass("red");
				}
			}),
			$("#closeFace").click(function(){
				$(".face").fadeOut();	
			}),
			$(".resend img").click(function(){
				if(this.alt=="删除")
					$(this).parent().parent().fadeOut();
			}),
			$(".asend").click(function(){
				if(sela!=this){
					$(sela).parent().next("li").hide();
				}
				$(this).parent().next("li").toggle()
				.find("input[type=text]").focus();
				sela = this;
			})
		})
    </script>
</head>
<body>
	$Header$
    <div id="body">
    	<div class="left">
        	$LeftUserCmd$ $LeftUserFriendAdd$
        </div>
        <div class="right">
        	<ul class="account">
            	<h1 class="blog"><a href="javascript:;" onclick="history.go(-1)">返回上一页</a><p><b>心情日记</b></p></h1>
                <li>
                	<div class="accdiv">
                    	<h2>
                                <a href="/Mood/FriendMood.aspx" $FriendClassSel$ ><span>朋友的心情日记</span></a>
                                <a href="/Mood/MyMood.aspx" $MYClassSel$><span>我的心情日记</span></a>
                                <a href="/Mood/AllMood.aspx" class="last $AllClassSel$" ><span>所有心情日记</span></a>
                        </h2>
                    	<ul>
                        	<li class="blogli">
                            	<div class="f_left">
                                	<form action="/Mood/MyMood.aspx" method="post">
                                	<ul class="send">
                                        <li>我在做什么？您想说什么？</li>
                                        <li><textarea name="txtMood"></textarea></li>
                                        <li><a id="getFace"><img src="/images/face/c.gif" alt="表情" /></a><select id=mType name=mType>
                                        <option selected value="">选择类型</option>
                                        <option value=痛苦>痛苦</option>
                                        <option value=高兴>高兴</option>
                                        <option value=郁闷>郁闷</option>
                                        <option value=平和>平和</option>
                                        <option value=兴奋>兴奋</option>
                                        </select><input class="input_btn" value="发布我的心情日记" type="submit"/><input name="hidsubmit" type="hidden" value="submit" />
还剩下<b>60</b>/60个字符。</li>
										<!--<li>共$MoodCount$篇心情日记</li>-->
                                    </ul>
                                    </form>
                                    $MoodList$
                                	
                                </div>
                                <div class="f_right">
                                	<h3>• 心情：</h3>
                                	<ul>
                                    	<li>一句话表达您的目前心情和您想说的话！您的好朋友，都可以看见！</li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <h6></h6>
            </ul>
        </div> 
    </div>
    <div class="Clear"></div>
    $Footer$
    <div class="face"><iframe frameborder="0" scrolling="no"></iframe>
    	<h5><img id="closeFace" src="/images/close.gif" alt="关闭" />选择您喜欢的表情</h5>
        <ul>
            $FaceList$
        </ul>
    </div>
</body>
</html>
